html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {
    margin: 0;
    padding: 0
}
body{ 
     background: url('../images/whole.png');
     background-size: 100% 100%;
     /* height: 1200px; width: 1600px; */
     /* height: 1200px;  */
     
    }
@font-face {
	font-family: "UnidreamLED";
    src: url(../fonts/UnidreamLED.ttf);
    
}
.app {
    position: relative;
}

.count-1 {
    font-family: UnidreamLED;
    font-size: 2.2rem;
    color: #33CCFF;
}
.jkpt-t-box{ width:100%;  background:url(../images/header.png); background-size: 100% 100%; flex: 1}

.header {
    background: url(../images/headers.png); 
    background-size: 100% 100%;
    margin: 0 auto;
    /* width: 88.5%; */
    width: 100%;
    /* padding-left: 1.25rem;
    padding-right: 1.25rem; */
    margin-top: .625rem;
    display: flex;
    align-items: center;
    flex: 1.4;
    
    justify-content: space-around;
}
.all-1 {
    display: flex;
    /* margin-right: 5rem; */
}
.all-1-1 {
    display: flex;
    margin-right: 0;
    
}
.img-1 {
    background: url(../images/laonianyixue.png);
    height: 5rem;
    width: 5rem;
    background-size: 100% 100%;
}
.img-2 {
    background: url(../images/a.png);
    height: 5rem;
    width: 5rem;
    background-size: 100% 100%;
}
.img-3 {
    background: url(../images/b.png);
    height: 5rem;
    width: 5rem;
    background-size: 100% 100%;
}
.img-4 {
    background: url(../images/c.png);
    height: 5rem;
    width: 5rem;
    background-size: 100% 100%;
}
.img-5 {
    background: url(../images/d.png);
    height: 5rem;
    width: 5rem;
    background-size: 100% 100%;
}
.img-6 {
    background: url(../images/e.png);
    height: 5rem;
    width: 5rem;
    background-size: 100% 100%;
}
.container-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: .9375rem;
}
.fuwurenshu {
    font-size: 1.3rem;
    color: #fff;
}
.center {
    display: flex;
    width: 99%;
    margin: 0 auto;
    margin-top: 1.25rem;
    flex: 10;
}
.left {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.button-container {
    display: flex;
    justify-content: space-between;
    flex: 1;
    align-items: center;

}
.button-1 {
    display: flex;
    height: 3.8rem;
    width: 26%;
    background: #E97950;
    border-radius: .4rem;
    justify-content: center;
    align-items: center;
    /* margin-right: 4rem; */
    color: #fff;
    cursor: pointer;
}
.button-2 {
    display: flex;
    height: 3.8rem;
    width: 26%;
    border-radius: .4rem;
    justify-content: center;
    align-items: center;
    /* margin-right: 4rem; */
    color: #fff;
    cursor: pointer;
    background: #179FE3;
}
.button-3 {
    display: flex;
    height: 3.8rem;
    width: 26%;
    border-radius: .4rem;
    justify-content: center;
    align-items: center;
    /* margin-right: 4rem; */
    color: #fff;
    cursor: pointer;
    background: #DED02F;
}
.count-2 {
    font-family: UnidreamLED;
    font-size: 2.2rem;
}
.qingkuang {
    font-size: 1rem;
    margin-left: .9375rem;
}
.left-img {
    background: url('../images/left.png');
    background-size: 100% 100%;
    height: 31.2rem;
    margin-top: 1.875rem;
    position: relative;
    flex: 14;
}
.map-img {
    background: url('../images/newmap.png');
    background-size: 100% 100%;
    height: 85%;
    margin-top: 5rem;
    width: 80%;
    margin-left: 3.2rem;
}
.header-img {
    position: absolute;
    /* top: -5%; */
    top: -2%;
    font-size: 14px;
    left: 36%;
    /* background: url(../images/10.png); */
    height: 1.25rem;
    width: 16rem;
    background-size: 100% 100%;
    color: #00BD61;

}
.left-container {
   
    height: 31.2rem;
    margin-top: 1.875rem;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 14;
}
.left-imgs {
    background: url('../images/9.png');
    background-size: 100% 100%;
    width: 100%;
    height: 49%;
    position: relative;
}
.left-imgss {
    margin-top: .9rem;
    background: url('../images/9.png');
    background-size: 100% 100%;
    width: 100%;
    height: 49%;
    position: relative;
}
.left-imgsss {
    position: absolute;
    top: -5%;
    font-size: 14px;
    left: 33%;
    /* background: url(../images/10.png); */
    height: 1.25rem;
    width: 14rem;
    background-size: 100% 100%;
    color: #00BD61;
}
.left-imgsss-container {
    position: absolute;
    top: -2.8%;
    left: 33%;
    width:14rem;
    height: 1.25rem;
    background: url(../images/25.png);
}
.left-imgssss {
    position: absolute;
    top: -4%;
    font-size: 14px;
    left: 33%;
    /* background: url(../images/10.png); */
    height: 1.25rem;
    width: 14rem;
    background-size: 100% 100%;
    color: #00BD61;
}



.center-2 {
    flex: 1.2;
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
}
.center-img {
    flex: 5;
    background: url('../images/20.png');
    background-size: 100% 100%;
    position: relative;
}
.center-img2 {
    flex: 2;
    position: relative;
    background: url('../images/1.png');
    background-size: 100% 100%;
    margin-top: 1rem;
}
.center-img3 {
    position: absolute;
    /* top: -5%; */
    top: -7%;
    font-size: 14px;
    left: 36%;
    /* background: url(../images/10.png); */
    height: 1.25rem;
    width: 16rem;
    background-size: 100% 100%;
    color: #00BD61;
}
.center-img4 {
    position: relative;
    flex: 1;
    position: relative;
    background: url('../images/3.png');
    background-size: 100% 100%;
    margin-top: 1rem;
}
.center-img5 {
    position: absolute;
    /* top: -5%; */
    top: -14%;
    font-size: 14px;
    left: 39%;
    /* background: url(../images/10.png); */
    height: 1.25rem;
    width: 16rem;
    background-size: 100% 100%;
    color: #00BD61;
}
.center-img6 {
    position: absolute;
    background: url(../images/8.png);
    background-size: 100% 100%;
    height: 1.5rem;
    top: -2%;
    width: 7rem;
    right: 8%;
}
.span-container {
    width: 8rem;
    height: 2rem;
    line-height: 2rem;
    background: #0C1331;
    position: absolute;
    top: 5%;
    left: 5%;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #244EAE;
}
.span-1 {
    width: 33.3%;
    height: 100%;
    text-align: center;
    background: #2047AD;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    color: #ccc;
    cursor: pointer;
}
.span-2 {
    width: 33.3%;
    height: 100%;
    text-align: center;
    background: #0C1331;
    color: #ccc;
    cursor: pointer;
}
.span-3 {
    width: 33.3%;
    height: 100%;
    text-align: center;
    background: #0C1331;
    color: #ccc;
    cursor: pointer;
}
.right2 {
    display: flex;
    flex: 1;
    
    margin-left: 1rem;
    flex-direction: column;
}
.right-img {
    position: relative;
    background: url('../images/13.png');
    background-size: 100% 100%;
    flex: 3;
    display: flex;
}

.right-img2 {
    position: relative;
    margin-top: 1rem;
    background: url('../images/5.png');
    background-size: 100% 100%;
    flex: 1.65;
    display: flex;
    align-items: flex-end;
}
.right-img3 {
    position: absolute;
    /* top: -5%; */
    top: 1%;
    font-size: 14px;
    left: 38%;
    /* background: url(../images/10.png); */
    height: 1.25rem;
    width: 14rem;
    background-size: 100% 100%;
    color: #00BD61;
}
.right-img4 {
    position: absolute;
    /* top: -5%; */
    top: -5%;
    font-size: 14px;
    left: 38%;
    /* background: url(../images/10.png); */
    height: 1.25rem;
    width: 16rem;
    background-size: 100% 100%;
    color: #00BD61;
}
.right-img5 {
    /* position: absolute; */
    background: #0D168C;
    height: 1.4rem;
    padding: .1875rem .625rem .1875rem .625rem;
    line-height: 2rem;
    text-align: center;
    /* width: 9rem; */
    /* top: 6%; */
    /* width: 150px; */
    width: 80%;
    /* right: 12%; */
    height: 2rem;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
}
.left-img5 {
    position: absolute;
    background: url(../images/14.png);
    width: 3.8rem;
    height: 1.6rem;
    background-size: 100% 100%;
    right: 0;
    bottom: 10%;
    cursor: pointer;
}
.time-all {
    display: flex;
    color: #26CCFF;
    justify-content: flex-end;
}
.time {
    font-size: 1.4rem;
    margin-top: .8rem;
    margin-right: 1.25rem;
}
.time-img {
    background: url('../images/line.png');
    background-size: 100% 100%;
    width: .1rem;
    height: 3.8rem;
    margin-right: 1.775em;
}
.year-all {
    display: flex;
    flex-direction: column;
    font-size: .85rem;
    align-items: center;
    margin-top: .6rem;
    margin-right: 1.375rem;
}
.table-list {
    font-size: .6rem;
    color: #fff;
    /* position: absolute; */
    z-index: 100;
    margin-top: 1rem;
    width: 100%;
    table-layout: fixed;
    font-size: .9rem;
}
.td {
    width: 18%;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tds {
    width: 28%;
    text-align: center;
    cursor: pointer;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tr {
    height: 2rem;
    width: 31.25rem;
    cursor: pointer;
    font-size: 15px;
}
.trs {
    height: 1.8rem;
    width: 31.25rem;
    font-size: 14px;
    cursor: pointer;
    background: #0D168C;
}
.tr:hover {
    background: #0D168C;
    
}
.return-map {
    width: 3.8rem;
    height: 1.6rem;
    background: url(../images/12.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 5%;
    cursor: pointer;
}
.trsss {
    height: 1.8rem;
    width: 31.25rem;
    cursor: pointer;
    background: #0D168C;
    font-size: 14px;
}
.trss {
    height: 2rem;
    cursor: pointer;
    font-size: 15px;
}
.tdsss {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tdss {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.trss:hover {
    background: #0D168C;
    
}
/* 鍥捐〃 */
.chartmain {
    margin-left: .25rem;
    width: 100%;
    /* height: 6.25rem; */
    height: 25%;
}


/*.leftOne {
    position: absolute;
    bottom: 0;
    width: 33.5rem;
    
    height: 24.5rem;
}*/
.leftOne {
	position: absolute;
	bottom: 0;
	width: 36.5rem;
	/* height: 15rem; */
	height: 24.5rem;
	padding-left: .5rem;
}
/* 婊氬姩鏉℃牱寮� */
::-webkit-scrollbar {
    width: .3125rem;
    /* height: 100%; */
    
}
::-webkit-scrollbar-track-piece {
    background: #2456FC;
    -webkit-border-radius: .1875rem;
}

.ri-container {
    width: 8rem;
    height: 1.6rem;
    background: #0C1331;
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 1000;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #244EAE;
}
.ri {
    width: 33.3%;
    height: 100%;
    text-align: center;
    /* background: #2047AD; */
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    color: #ccc;
    cursor: pointer;
}
.yue {
    width: 33.3%;
    height: 100%;
    text-align: center;
    background: #2047AD;
    color: #ccc;
    cursor: pointer;
    
}
.nian {
    width: 33.3%;
    height: 100%;
    text-align: center;
    /* background: #2047AD; */
    
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    color: #ccc;
    cursor: pointer;
}
.ri-container2 {
    width: 8rem;
    height: 1.6rem;
    background: #0C1331;
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 1000;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #244EAE;
}
.ri2 {
    width: 33.3%;
    height: 100%;
    text-align: center;
    /* background: #2047AD; */
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    color: #ccc;
    cursor: pointer;
}
.yue2 {
    width: 33.3%;
    height: 100%;
    text-align: center;
    background: #2047AD;
    color: #ccc;
    cursor: pointer;
    
}
.nian2 {
    width: 33.3%;
    height: 100%;
    text-align: center;
    /* background: #2047AD; */
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    color: #ccc;
    cursor: pointer;
}
.ri3 {
    width: 33.3%;
    height: 100%;
    text-align: center;
    /* background: #2047AD; */
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    color: #ccc;
    cursor: pointer;
}
.yue3 {
    width: 33.3%;
    height: 100%;
    text-align: center;
    background: #2047AD;
    color: #ccc;
    cursor: pointer;
    
}
.nian3 {
    width: 33.3%;
    height: 100%;
    text-align: center;
    /* background: #2047AD; */
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    color: #ccc;
    cursor: pointer;
}






/* .simaltBox3 {
    position: fixed;
    border: 5px solid #054b98;
    text-align: left;
    width: 42.625rem;
    height: 26.5625rem;
    position: absolute;
    left: 34rem;
    top: 32rem;
    display: block;
    width: 42.5rem;
    height: 26.4375rem;
    background: url(../images/tchuang.png);
    border: 1px solid #021390;
    overflow: hidden;
} */


.simaltBoxs3 {
    position: fixed; 
    /* border: 5px solid #054b98; */
    text-align: left;
    /* width: 42.625rem; */
    /* height: 26.5625rem; */
    position: absolute;
    left: 34.5rem;
    top: 31.6rem;
    display: block;
    /* width: 42.5rem; */
    /* height: 26.4375rem; */
    font-size: 14px;
    /* background: url(../images/tchuang.png); */
    /* border: 1px solid #021390; */
    /* overflow: hidden; */
    width: 42.5rem;
    height: 28.4375rem;
    background: url(../images/tchuang.png);
    border: 1px solid #021390;
    overflow: hidden;
}


.tctitle {
    line-height: 2.5rem;
    color: #fff;
    text-indent: 15px;
    width: 40.25rem;
    height: 2.25rem;
    /* background: url(../images/ter.png); */
    line-height: 2.25rem;
    color: #fff;
    text-align: center;
    font-size: 15px;
    margin: 0px auto;
    margin-top: 10px;
}

.tit-msg-gd {
    height: 2.1875rem;
    margin-top: 10px;
    color: #c8e0ff;
    background: url(../images/tit12.png) left center no-repeat;
    font-size: 16px;
    line-height: 2.1875rem;
    text-indent: 15px;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

h1 {
    font-size: 1.75rem;
    font-style: normal;
    font-weight: normal;
}

.tab-div-box {
    border: 1px solid #2e44f5;
    width: 40rem;
    background: rgba(255, 255, 255, 0.1);
    height: auto;
    overflow: hidden;
    margin-left: 1.25rem;
}

.tit-msg-gd {
    height: 2.1875rem;
    margin-top: 10px;
    color: #c8e0ff;
    background: url(../images/tit12.png) left center no-repeat;
    font-size: 16px;
    line-height: 2.1875rem;
    text-indent: 15px;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.tab-div-box {
    border: 1px solid #2e44f5;
    width: 40rem;
    background: rgba(255, 255, 255, 0.1);
    height: auto;
    overflow: hidden;
    margin-left: 1.25rem;
}

.tctitle a {
    position: absolute;
    margin-left: 38.75rem;
    margin-top: -1.875rem;
    width: 1.375rem;
    height: 1.375rem;
    background: url(../images/close1.png);
    background-size: 1.375rem 1.375rem;
    display: block;
    cursor: pointer;
}

.tab-div-box-t {
    width: 100%;
    height: 12px;
    overflow: hidden;
    background: url(../images/tright.png) right top no-repeat;
}

.ects-tab {
    margin-top: 5px;
    margin-left: 1.25rem;
    border: 0;
    color: #ccc;
    font-size: 14px;
}

.tab-div-box-b {
    width: 100%;
    height: 12px;
    overflow: hidden;
    background: url(../images/bright.png) right top no-repeat;
}

.ects-tab tr {
    height: 1.75rem;
}
.ects-tab tr td {
    border: 0;
}

.tab-div-box-t {
    width: 100%;
    height: 12px;
    overflow: hidden;
    background: url(../images/tright.png) right top no-repeat;
}
.gaoqiao{
    position: absolute;
    left: 198px;
    top: 44px;
    cursor: auto;
    width: 89px;
    height: 100px;
}
.gaohang{
    position: absolute;
    left: 222px;
    top: 126px;
    cursor: auto;
    width: 60px;
    height: 56px;
}
.gaodong{
    position: absolute;
    left: 263px;
    top: 112px;
    cursor: auto;
    width: 80px;
    height: 95px;
}
.yangjing{
    position: absolute;
    left: 119px;
    top: 162px;
    width: 45px;
    cursor: auto;
    height: 76px;
}
.huamu{
    position: absolute;
    left: 125px;
    top: 213px;
    cursor: auto;
    width: 85px;
    height: 62px;
}
.lujiazui{
    position: absolute;
    left: 137px;
    top: 152px;
    cursor: auto;
}
.weifangxincun{
    position: absolute;
    left: 158px;
    top: 162px;
    cursor: auto;
    width: 44px;
    height: 62px;
}
.jinyangxincun{
    position: absolute;
    left: 194px;
    top: 163px;
    cursor: auto;
    width: 68px;
    height: 65px;
}
.puxinglu{
    position: absolute;
    left: 243px;
    top: 165px;
    cursor: auto;
    width: 40px;
}
.caolu{
    position: absolute;
    left: 274px;
    top: 193px;
    cursor: auto;
    width: 105px;
    height: 92px;
}
.jinqiao{
    position: absolute;
    left: 204px;
    top: 196px;
    cursor: auto;
    width: 80px;
    height: 72px;
}
.tangqiao{
    position: absolute;
    left: 107px;
    top: 186px;
    cursor: auto;
}
.zhoujiadu{
    position: absolute;
    left: 85px;
    top: 200px;
    cursor: auto;
}
.hudongxincun{
    position: absolute;
    left: 70px;
    top: 204px;
    cursor: auto;
}
.nanmatoulu{
    position: absolute;
    left: 52px;
    top: 215px;
    cursor: auto;
}
.shanggangxincun{
    position: absolute;
    left: 30px;
    top: 230px;
    cursor: auto;
}
.sanlin{
    position: absolute;
    top: 254px;
    left: 17px;
    cursor: auto;
}
.dongminglu{
    position: absolute;
    left: 58px;
    top: 287px;
    cursor: auto;
}
.beicai{
    position: absolute;
    left: 98px;
    top: 246px;
    cursor: auto;
}
.zhangjiang{
    position: absolute;
    left: 165px;
    top: 233px;
    cursor: auto;
}
.tangzhen{
    position: absolute;
    left: 240px;
    top: 252px;
    width: 88px;
    cursor: auto;
}
.heqing{
    position: absolute;
    left: 305.5px;
    top: 274px;
    cursor: auto;
    width: 86px;
}
.chuanshaxincheng{
    position: absolute;
    left: 218px;
    top: 311px;
    cursor: auto;
    width: 203px;
}
.kangqiao{
    position: absolute;
    left: 88px;
    top: 289px;
    cursor: auto;
}
.zhoupu{
    position: absolute;
    left: 86px;
    top: 326px;
    cursor: auto;
}
.hangtou{
    position: absolute;
    left: 54px;
    top: 373px;
    cursor: auto;
}
.xinchang{
    position: absolute;
    left: 117px;
    top: 405px;
    cursor: auto;
}
.xuanqiao{
    position: absolute;
    left: 162px;
    top: 439.5px;
    cursor: auto;
}
.zhuqiao{
    position: absolute;
    left: 268px;
    top: 425px;
    cursor: auto;
    width: 140px;
}
.laogang{
    position: absolute;
    left: 320px;
    top: 503px;
    cursor: auto;
    width: 118px;
}
.huinan{
    position: absolute;
    left: 220px;
    top: 484px;
    cursor: auto;
}
.datuan{
    position: absolute;
    left: 200px;
    top: 522px;
    cursor: auto;
}
.shuyuan{
    position: absolute;
    left: 294px;
    top: 583.5px;
    cursor: auto;
}
.wanxiang{
    position: absolute;
    left: 271px;
    top: 601px;
    cursor: auto;
}
.nicheng{
    position: absolute;
    left: 185px;
    top: 642px;
    width: 160px;
    cursor: auto;
    height: 100px;
}
.nanhuixincheng{
    position: absolute;
    left: 182px;
    top: 684px;
    cursor: auto;
    width: 256px;
}
.fengxian{
    position: absolute;
    left: -7px;
    top:521px;
}
.huan {
    flex: 1;
    /*height: 570px;*/
    position: relative;
    margin-top: 30px;
}
.showPage {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.tdd {
    width: 12%;
}
#scrollBox{
overflow: auto;
}